

<script setup>
const to= '/pages/work1/3.2foundteam'
const toNext = (target) =>{
  uni.navigateTo({
    url:target
  })
}
</script>

<template>
  <view class="container">
    <view class="image-container">
      <image src="../../static/image/3.2.4bg.png" class="fail-image"></image> <!-- 假设失败图片路径为/static/fail_image.png，需替换为实际路径 -->
    </view>
    <view class="status-info">
      <text class="fail-text">审批不通过</text>
      <br>
      <text class="reason-text">“请重新选择中学，当前中学组建队伍过多”</text>
    </view>
    <button class="retry-button"  @click="toNext(to)">返回重新申请</button>
  </view>
</template>

<style scoped>
.container {
  width: 375px;
  height: 812px;
}

.image-container {
  margin-bottom: 20px;
  display: flex;

}

.fail-image {
  width: 120px;
  height: 120px;
  margin-top: 100px;
  margin-left: 90px;
}

.status-info {
  text-align: center;

}

.fail-text {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 65px;
}

.reason-text {
  font-size: 14px;
  color: #666666;
  margin-bottom: 5px;
  margin-right: 65px;
}

.retry-button {
  background-color: #007AFF;
  color: #FFFFFF;
  border-radius: 5px;
  padding: 8px 8px;
  font-size: 14px;
  margin-top: 15px;
  margin-left: 110px;
}
</style>